const Index = routeContext => {
    const {
        primaryAnimation,
        secondaryAnimation,
        userGestureInProgress
    } = routeContext
    const handlePrimaryAnimation = () => {
        'worklet'
        let t = primaryAnimation.value
        if (!userGestureInProgress.value) {
        // select another curve, t = xxx
        }
        // StyleObject
        return {}
    }
    const handleSecondaryAnimation = () => {
        'worklet'
        let t = secondaryAnimation.value
        if (!userGestureInProgress.value) {
        // select another curve, t = xxx
        }
        // StyleObject
        return {}
    }
    return {
        opaque: true,
        handlePrimaryAnimation,
        handleSecondaryAnimation
    }
}
export default Index